@charset "UTF-8"; html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,em,img,input,q,b,dl,dt,dd,ol,ul,li,form,label,canvas{ margin:0; padding:0; border:0; outline:0; }
 body{ background-color:#F0F0F0; text-align: center; margin: 0 auto; font-family:'Microsoft YaHei','Heiti SC','Droid Sans Fallback',arial,helvetica,sans-serif; } /*font*/
.fo{ color:#ff8a01; } 
.fg{ color: #999999; } 
.fg2{ color:#797979; } 
.fw{ color:#FFFFFF; } 
.f14px{ font-size: 14px; } 
.f08{ font-size:0.8em; } 
.f1{ font-size:1em; } 
.f11{ font-size: 1.1em; font-weight: 600; }
.f12{ font-size: 1.2em; font-weight: 600; }
.f13{ font-size: 1.3em; font-weight: 600; }
.f14{ font-size: 1.4em; font-weight: 600; }
.f15{ font-size: 1.5em; font-weight: 700; }
.f16{ font-size: 1.6em; font-weight: 700; }
.f17{ font-size: 1.7em; font-weight: 700; }
.f18{ font-size: 1.8em; font-weight: 700; }
.f19{ font-size: 1.9em; font-weight: 700; }
.f20{ font-size: 2.0em; font-weight: 700; }
.f23{ font-size: 2.3em; font-weight: 700; }
.h1{ font-size: 1.4em; color: #333333; font-weight: 600; }
.h2{ font-size: 1.0em; color: #999999; font-weight: 600; margin-top:2%; }
   /*position*/ 
   .mv5{ margin: 5px 0; } 
   .mh3{ margin: 0 3px; } 
   .mh5{ margin: 0 5px; }
.mh10{ margin: 0 10px; }
.ml10{ margin-left: 10px; }
.mt8{ margin-top: 8px;}
.mt10{ margin-top: 16px; }
.mv17{ margin: 17px 0; }
.mv20{ margin: 20px 0; }
.btn-gray{ cursor:default; display: inline-block; width: 100%; height: 45px; line-height: 45px; border-radius: 10px; background-color:#c9c8c8; color:#FFFFFF; font-size: 1.1em; font-weight: 600; text-decoration: none; } 
.btn-white{ cursor:default; display: inline-block; width: 100%; height: 45px; line-height: 45px; border-radius: 10px; background-color:#ffffff; color:#ff8a01; font-size: 1.1em; font-weight: 600; text-decoration: none; border:1px solid #cfcfcf; }
.btn-orange{cursor:default; display: inline-block; width: 100%; height: 45px; line-height: 45px; border-radius: 10px; background-color:#ff8a01; color:#ffffff; font-size: 1.1em; font-weight: 600; text-decoration: none; } 
.btn-valid{cursor:default; display: inline-block; width: 28%; height: 45px; line-height: 45px; border-radius: 10px; background-color:#c9c8c8; color:#FFFFFF; font-size: 1.1em; font-weight: 600; text-decoration: none; } 
.btn-valid-hover{ cursor:default; display: inline-block; width: 28%; height: 45px; line-height: 45px; border-radius: 10px; background-color:#ff8a01; color:#ffffff; font-size: 1.1em; font-weight: 600; text-decoration: none; } /*others*/ 
.hr{ width: 100%; height: 1px; background-color: #d7d7d7; } 
.main{ width: 86%; margin: 0 7%; height: 100%; /*display: -webkit-box; */}
.header{ padding: 14% 0 12% 0;  }
.content{ height: 24%; } 

.wrap input[type=number]{ height: 28px; color: #666; font-size: 1em; font-weight: 600; } 
.footer{height: 10%; margin: 7% 0;}
.green{color:#00991C;}
.red{ color:#F00;}